<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轻量级道路养护管理系统</title>
    <link rel="icon" href="img/icon.png">
    <link href="CSS/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="CSS/animate.css" rel="stylesheet">
    <link href="CSS/style.css" rel="stylesheet">
    <script src="JS/jquery-2.1.1.js"></script>
    <script src="JS/bootstrap.min.js"></script>
    <script src="JS/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="JS/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="JS/inspinia.js"></script>
    <script src="JS/plugins/pace/pace.min.js"></script>
    <style>
        .Wall{
            display:block;
            position: relative;
            z-index: 1;
            border-width: 1px;
            /*background-color:#fff;*/
            border-radius: 5px;
            box-shadow:2px 2px 2px #ebebeb;
            transition: box-shadow 200ms ease-in,
            z-index 200ms,
            -webkit-transform 200ms ease-in;
            transition: transform 200ms ease-in,
            box-shadow 200ms ease-in,
            z-index 200ms;
            transition: transform 200ms ease-in,
            box-shadow 200ms ease-in,
            z-index 200ms,
            -webkit-transform 200ms ease-in;
        }
        .Wall:hover
        {
            box-shadow: 0px 0px 10px grey;
            z-index: 4;
            -webkit-transform: scale(1.03);
            transform: scale(1.03);
        }
    </style>
    <script>
         $(function () {
            var login=sessionStorage.getItem('Islogin');
            if(login!=1){
                if(confirm("未登陆,请先登陆")){
                    window.location.href='login.html';
                }
            }
        })
    </script>
</head>
<body>
<div id="wrapper">
    <!--左边菜单栏-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <spanq>
                            <img alt="image" width="50px" height="50px" class="img-circle" src="img/head.jpg" />
                        </spanq>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="index.html">
                            <span class="clear"><span class="block m-t-xs"><strong class="font-bold">组长:张宁</strong>
                            </span><span class="text-muted text-xs block">组员<b class="caret"></b></span></span>
                        </a>
                        <ul style="text-align: center" class="dropdown-menu animated fadeInRight m-t-xs">
                            <li>王秋红</li>
                            <li>周彦西</li>
                            <li>王嘉伟</li>
                            <!--<li class="divider"></li>-->
                        </ul>
                    </div>
                    <div class="logo-element">
                        IN+
                    </div>
                </li>
                <li>
                    <a> <i class="fa fa-th-large"></i> <span class="nav-label">职工信息管理</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="UI/employee/employee.html"> 职工表</a></li>
                        <li><a href="UI/employeeType/employeeType.html">职工种类</a></li>
                    </ul>
                </li>
                <li id="road">
                    <a> <i class="fa fa-th-large"></i><span class="nav-label">道路信息管理</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="UI/roadBasic/roadBasic.html">道路基本信息表</a></li>
                        <li><a href="UI/roadwayType/roadwayType.html">车行道分类表</a></li>
                        <li><a href="UI/roadway/roadway.html">车行道信息表</a></li>
                        <li><a href="UI/roadType/roadType.html">路面类型表</a></li>
                        <li><a href="UI/ancillaryFacilities/ancillaryFacilities.html">附属设施表</a></li>
                    </ul>
                </li>
                <li>
                    <a> <i class="fa fa-th-large"></i> </i> <span class="nav-label">损害类型信息管理</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="UI/damageTypeS/damageTypeStable.html">损害类型子参照表</a></li>
                        <li><a href="UI/damageTypeF/damageTypeFtable.html">损害类型父参照表</a></li>
                    </ul>
                </li>
                <li>
                    <a> <i class="fa fa-th-large"></i> <span class="nav-label">评定等级信息管理</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="UI/evaluateGrade/evaluateGrade.html">评定等级表</a></li>
                        <li><a href="UI/ratingJudge/ratingJudge.html">评定等级判断表</a></li>
                        <li><a href="UI/evaluateIndex/evaluateIndex.html">评定指标表</a></li>
                        <li><a href="UI/damageSingle/damageSingle.html">路面损害单项扣分表</a><li>
                    </ul>
                </li>
                <li>
                    <a> <i class="fa fa-th-large"></i> <span class="nav-label">日常巡查信息管理</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="UI/roadPatrol/roadPatrol.html">道路日常巡查记录表</a></li>
                        <li><a href="UI/facilityDamage/facilityDamage.html">设施损坏通知单</a><li>
                    </ul>
                </li>
                <li>
                    <a> <i class="fa fa-th-large"></i> <span class="nav-label">定期检查信息管理</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="UI/pavementFlatness/pavementFlatness.html">路面平整度检测记录表</a></li>
                        <li><a href="UI/roadDamage/raodDamage.html">路面损害情况记录表</a><li>
                        <li><a href="UI/pavementDamage/pavementDamage.html">路面损害调查表</a><li></li>
                        <li><a href="UI/roadTechnicalEvaluate/roadTechnicalEvaluate.html">道路技术状况评估结果表</a></li>
                    </ul>
                </li>
                <!--<li>-->
                    <!--<a> <i class="fa fa-th-large"></i> <span class="nav-label">地图</span><span class="fa arrow"></span></a>-->
                    <!--<ul class="nav nav-second-level collapse">-->
                        <!--<li><a href="UI/map/mapTest.html">地图查看</a></li>-->
                    <!--</ul>-->
                <!--</li>-->
            </ul>
        </div>
    </nav>

    <!--右边界面框-->
    <div id="page-wrapper" class="gray-bg">
        <!--head-->
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i></a>
                    <form role="search" class="navbar-form-custom" action="#">
                        <div class="form-group">
                            <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">欢迎使用道路养护管理系统</span>
                    </li>
                    <li>
                        <a href="login.html">
                            <i class="fa fa-sign-out"></i> 退出登录
                        </a>
                    </li>
                </ul>
            </nav>
        </div>

        <!--主界面-->
        <div style="margin-top: 30px">
            <div style="width: 90%;height:530px;margin: auto">
                <div style="text-align: center;margin-bottom: 30px">
                    <h1>组员分工</h1>
                </div>
                <div style="padding: 0px" class="col-lg-3">
                    <a style="text-decoration:none;color: inherit;decoration: none" href="#">
                        <div class="Wall" style="width: 90%;height: 530px">
                            <div>
                                <img style="border-radius: 5px;"  width="100%" height="260px" src="img/code_1.jpg">
                                <p style="margin: 20px 0px 3px 10px;font-size: 13px;font-weight: lighter">组长:张宁</p>
                                <p style="margin: 0px 20px 10px 10px;font-weight: bold;font-size: 23px">职能:前端开发</p>
                                <p style="margin: 0px 10px;font-weight: lighter;font-size:15px ">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp主要进行前端界面的开发，使用Bootstrap的UI框架以及JS的Jquery框架，界面渲染使用AJAX技术。</p>
                                <img style="margin: 20px 0px 0px 10px;float: left" width="40px" height="40px" src="img/deliver_1.png">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-3">
                    <a style="text-decoration:none;color: inherit;decoration: none" href="#">
                        <div class="Wall" style="width: 100%;height: 530px">
                            <div>
                                <img style="border-radius: 5px;"  width="100%" height="260px" src="img/code_2.jpg">
                                <p style="margin: 20px 0px 3px 10px;font-size: 13px;font-weight: lighter">组员:王秋红</p>
                                <p style="margin: 0px 20px 10px 10px;font-weight: bold;font-size: 23px">职能:数据库设计</p>
                                <p style="margin: 0px 10px;font-weight: lighter;font-size: 15px">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp主要使用Powersigned对数据库进行设计，建库建表以及触发器的编写，部分的后端实现功能。</p>
                                <img style="margin: 20px 0px 0px 10px;float: left" width="40px" height="40px" src="img/deliver_1.png">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-3">
                    <a style="text-decoration:none;color: inherit;decoration: none" href="#">
                        <div class="Wall" style="float:right;width: 100%;height: 530px">
                            <div>
                                <img style="border-radius: 5px;"  width="100%" height="260px" src="img/code_3.jpg">
                                <p style="margin: 20px 0px 3px 10px;font-size: 13px;font-weight: lighter">组员:周彦西</p>
                                <p style="margin: 0px 20px 10px 10px;font-weight: bold;font-size: 23px">职能:前端开发</p>
                                <p style="margin: 0px 10px;font-weight: lighter;font-size: 15px">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp主要进行前端界面的开发，使用Bootstrap的UI框架以及JS的Jquery框架，界面渲染使用AJAX技术。</p>
                                <img style="margin: 20px 0px 0px 10px;float: left" width="40px" height="40px" src="img/deliver_1.png">
                            </div>
                        </div>
                    </a>
                </div>
                <div style="padding: 0px" class="col-lg-3">
                <a style="text-decoration:none;color: inherit;decoration: none" href="#">
                    <div class="Wall" style="width: 90%;height: 530px;">
                        <div>
                            <img style="border-radius: 5px;"  width="100%" height="260px" src="img/code_4.jpg">
                            <p style="margin: 20px 0px 3px 10px;font-size: 13px;font-weight: lighter">组员:王嘉伟</p>
                            <p style="margin: 0px 20px 10px 10px;font-weight: bold;font-size: 23px">职能:后端开发</p>
                            <p style="margin: 0px 10px;font-weight: lighter;font-size: 15px">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp主要进行后端的开发，使用主流的Spring框架以及SpringMVC进行接口的相关开发，参与数据库的设计。</p>
                            <img style="margin: 20px 0px 0px 10px;float: left" width="40px" height="40px" src="img/deliver_1.png">
                        </div>
                    </div>
                </a>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>
